<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .header{
            width: 300px;
            height: 40px;
            border: 2px solid gray;
            display: flex;
            align-items: center;
            font-weight: bold;
        }
        div{
            width: 300px;
        }
        .header img{
            margin-left: 10px;
            margin-right: 10px;
            width: 15px;
        }
        .body{
            margin-top: 10px;
        }
        .recommend{
            display: flex;        /* 横向排列 */
            align-items: flex-start; /* 顶部对齐 */
            gap: 10px;            /* 图片和文字间距 */
        }
        .recommend img{
            width: 120px;         /* 设置图片大小 */
            height: auto;
        }
        div p{
            font-size: 12px;

        }
        p span{
            display: block;
            float: right;

        }
    </style>

</head>
<body>
<div class="header"><img src="image/1.gif"> 明星荐片</div>

<div class="body">
    <div class="recommend">
        <img src="image/3.gif">
        <div>
            <b>周秀娜荐片:让子弹飞</b>
            <p>导演：姜文</p>
            <p>主演：姜文 周润发 葛优</p>
            <p>点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情]</p>
        </div>
    </div>
</div>
<div>
<p>《巴别塔》：好的故事引人深思<span>阿朵</span></p>
    <p>《洛杉矶之战》：外星人那么弱智？<span>丁子俊</span></p>
    <p>《让子弹飞》：武侠里也可以有爱情<span>周秀娜</span></p>
    <p>《剑雨》：好的故事引人深思<span>叶年生</span></p>
    <p>《春风沉醉的夜晚》：非常真实<span>如小果</span></p>
    <p>《克洛伊》：故事简单却细致<span>刘若英</span></p></div>

</body>
</html>
